<!--
 * @Description: 
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-10 08:49:56
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>客服账号</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./plugins/jquery-ui/jquery-ui.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
<div class="wrap-box wrap-setting-kefu">
    <p class="title-h1">客服设置</p>
    <div class="content-scroll-box content-scroll-box-border nano">
        <ul class="inside-page-top-exchange2 max-width-limit1000">
            <li><a href="./setting-kefu-set.html">客服设置</a></li>
            <li class="active"><a href="./setting-kefu-account.html">客服账号</a></li>
        </ul>
        <form class="content-scroll content-scroll2  nano-content ajax-form" onsubmit="return false;" action="">
            <div class="item-box top-line max-width-limit1000 mgt15">
                <p class="item-title fl">在线客服</p>
                <a href="javascript:;"
                   data-url=""
                   data-title="添加客服"
                   class="layui-btn layui-btn2 fr ajax-setting-kefu-add-btn">添加</a>
            </div>
            <div class="kefu-list max-width-limit1000">
                <div class="kefu-item">
                    <div class="fl">
                        <img src="./images/kefu_icon_qq.png"/>
                        <p class="name self-ellipsis-1">QQ</p>
                    </div>
                    <ul class="fr account-list">
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit ajax-setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                    </ul>
                    <a class="move move1 icon iconfont icontuodong" href="javascript:;"></a>
                </div>
                <div class="kefu-item">
                    <div class="fl">
                        <img src="./images/kefu_icon_qq.png"/>
                        <p class="name self-ellipsis-1">QQ</p>
                    </div>
                    <ul class="fr account-list">
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                        <li>
                            <p class="name self-ellipsis-1">想想</p>
                            <p class="text self-ellipsis-1">1323@qq.com</p>
                            <a class="move move2 icon iconfont icontuodong" href="javascript:;"></a>
                            <a class="delete ajax-list-delete-btn"
                               data-url=""
                               data-id=""
                               data-parent="li"
                               href="javascript:;">删除</a>
                            <a class="edit setting-kefu-edit-btn"
                               data-id=""
                               href="javascript:;">编辑</a>
                        </li>
                    </ul>
                    <a class="move move1 icon iconfont icontuodong" href="javascript:;"></a>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.nanoscroller.js"></script>
<script src="./plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="./js/check.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form-commit.js"></script>
<script>
    $(function() {
        $(".kefu-list").sortable({
            cursor: "move",
            items: ".kefu-item", //只是tr可以拖动
            opacity: 0.6, //拖动时，透明度为0.6
            revert: false, //释放时，增加动画
            update: function(event, ui) { //更新排序之后
                var categoryids = $(this).sortable("toArray");
                var $this = $(this);

            }
        });
        $(".kefu-list").disableSelection();
        $(".account-list").sortable({
            cursor: "move",
            items: "li", //只是tr可以拖动
            opacity: 0.6, //拖动时，透明度为0.6
            revert: false, //释放时，增加动画
            update: function(event, ui) { //更新排序之后
                var categoryids = $(this).sortable("toArray");
                var $this = $(this);

            }
        });
        $(".account-list").disableSelection();
    });
</script>
</body>

</html>